<div class="modal-background flex-ver-start-cnt">
  <!--<div class="header-bar" (click)="onModelClose()">
    <ion-icon name="close" color="white" size="large"></ion-icon>
  </div>-->

  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
    <ion-fab-button size="small" color="light" (click)="onCityAreaClick()">
      <ion-icon name="close" color="dark"></ion-icon>
    </ion-fab-button>
  </ion-fab>

  <div class="city-container">
    <div class="city-list-container">
      <div *ngFor="let item of cityAreaList" class="city-list-item" (click)="onCityAreaClick(item)">
        {{item.region_name}}
      </div>
    </div>

    <div class="city-center-item" (click)="onCityAreaClick()">{{ '全部城市' }}</div>
  </div>

  <div class="footer-bar" (click)="onShowNotice()">&mdash; 点击此处查看使用流程文字说明 &mdash;</div>
</div>
